<!-- css -->
<style>
.state-BACKLOG{
  background-color:#CACACA;
}
.state-SPRINT{
  background-color:#F2D410;
}
.state-WORK_IN_PROGRESS{
  background-color:#C67D17;
}
.state-DONE{
  background-color:#29B109;
}
.test-SUCCESS{
  color:#fff;
  background-color:#363;
}
.test-ERROR{
  color:#fff;
  background-color:#633;
}
.test-FAILURE{
  color:#fff;
  background-color:#663;  
}
.test-INCOMPLETE{
  color:#fff;
  background-color:#333;
}
.test-text-SUCCESS{
  color:#363;
}
.test-text-ERROR{
  color:#633;
}
.test-text-FAILURE{
  color:#663;  
}
.test-text-INCOMPLETE{
  color:#333;
}
.result-title{
  padding:5px;
}
.result-SUCCESS{
  border: solid 1px #363;
  border-left: solid 7px #363;
  background-color: #696;
}
.result-ERROR{
  border: solid 1px #633;
  border-left: solid 7px #633;
  background-color: #966;
}
.result-FAILURE{
  border: solid 1px #663;
  border-left: solid 7px #663;
  background-color: #996;
}
.result-INCOMPLETE{
  border: solid 1px #556;
  border-left: solid 7px #556;
  background-color: #669;
}
.result-BACKLOG{
  border: solid 1px #666;
  border-left: solid 7px #666;
  background-color: #999;
}
.result{
  color: #fff;
  padding: 3 0 3 0px;
}
.subtask{
  color: #fff;
  padding:2px 2px 2px 30px;
  margin: 1px;
}
.tab-result{
  color: #fff;
  padding:2px 2px 2px 30px;
  margin: 1px;
}
.task-long-text-tab{
  height: 270px;
  overflow: auto;
}
.taskTitle{
  color: #000;
  padding:5px 5px 5px 30px;
}
.bg-SUCCESS{
  background-color: #696;
}
.bg-ERROR{
  background-color: #966;
}
.bg-FAILURE{
  background-color: #996;
}
.bg-INCOMPLETE{
  background-color: #669;
}
.bg-BACKLOG{
  background-color: #999;
}
.breadcrumbs{
  padding:3px;
}
.breadcrumb a:hover{
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
.breadcrumb{
  display: inline;
  padding: 1px;
  font-size: 0.9em;
  color: #fff;
}
.node {
  border-collapse: collapse;
}
.nodeNavDiv {
  float:left;
  display:block;
  height: 500px;
  width: 40em;
  overflow: auto;
}
.nodeData{
  padding: 0px;
  float: right;
  width: 47em;
}
a.nodeTitle{
  text-decoration: none;
  color: #fff;
  font-size: 1.1em;
}
a.nodeNav{
  color: #fff;
}
.nodeContent{
  padding: 5px 0px 5px 10px;
}
.nodeData{
  padding: 5px 5px 5px 57px;
  height: 500px;
  overflow: auto;
}
.tasks{
  padding: 5px 5px 5px 37px;
}
.text{
  color:#333;
}
h3{
  margin-bottom: 3px;
  margin-top: 5px;
}
h4{
  margin-bottom: 3px;
  margin-top: 5px;
  color: #366;
}
</style>
<!-- /css -->